<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
</head>
<style>
    /*什么是伪类：---其实不是类,而是元素特殊状态的一种描述*/

    /*选中的是没有访问的a元素*/
    a:link {
        color: lawngreen;
    }
    /*选中的是已经访问过的a元素*/
    a:visited {
        color: gray;
    }
    /*选中的是鼠标悬浮在a元素上面时*/
    a:hover {
        color: pink;
    }
    /*选中的是激活状态下的a元素*/
    a:active {
        color: cornflowerblue;
    }
    /*获取焦点的元素*/
    input:focus,select:focus{
        background-color: pink;
    }

/*注意：它们的顺序必须是  a-v-h-a   否则没有效果。 */

</style>
<body>
<a href="#">点不点我</a>
<hr>
<span>账号：<input type="text"></span>
<br>
<span>密码：<input type="text"></span>
<br>
<select name="" id="">
    <option value="">打乒乓</option>
    <option value="">看电视</option>
    <option value="">打游戏</option>
</select>
</body>
</html>